<template>
	<div id="tmpl">
		<div class="top">图文介绍</div>
		<div id="desc">
			<p class="title">{{info.title}}</p>
			<hr/>
			<div v-html="info.content" class="content"></div>
		</div>
	</div>
</template>
<script type="text/javascript">
import common from '../../kits/common.js';
	export default{
		data(){
			return{
				info:{},
				id:0,	
			}			
		},
		created(){
			this.id=this.$route.params.id;
			this.getdesc();
		},
		methods:{
			getdesc(){
				var url=common.apidomain+'/api/goods/getdesc/'+this.id;
				this.$http.get(url).then(function(response){
					this.info = response.body.message[0];

				})
			}
		}
	}
</script>
<style type="text/css" scoped>
	.top {
		width: 100%;
		text-align: center;
		background-color: #ccc;
	}
	.title {
		font:700 18px '微软雅黑';
		color:#0097ff;
		margin: 5px 0;
	}
	.content {
		width: 100%;
	}
</style>